<!DOCTYPE html>
<!--
    index.html ~~
                                                        ~~ (c) SRW, 26 Jul 2013
                                                    ~~ last updated 01 Dec 2013
-->
<!--[if IE]><![endif]-->
<html lang="en">

  <head>

    <meta charset="utf-8">
    <meta name="author" content="Sean Wilkinson">

    <title>Virchow</title>
    <base target="_blank">

  <!-- Le styles -->

    <link rel="stylesheet" media="screen" href="//cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.0.2/css/bootstrap.min.css">

    <link rel="stylesheet" media="screen" href="//cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.0.2/css/bootstrap-theme.min.css">

    <link rel="stylesheet" media="screen" href="style.css">

  </head>

  <body>

    <div class="text-center">
      <noscript>This page requires JavaScript.</noscript>
    </div>

    <nav class="navbar navbar-default navbar-fixed-top" role="navigation">
      <div class="navbar-header">
        <button type="button" class="navbar-toggle"
            data-toggle="collapse" data-target=".navbar-collapse">
          <span class="sr-only">Toggle navigation</span>
          <span class="icon-bar"></span>
          <span class="icon-bar"></span>
          <span class="icon-bar"></span>
        </button>
        <ul class="nav navbar-nav">
          <li class="dropdown"><a href="#" class="navbar-brand dropdown-toggle"
              data-toggle="dropdown">Virchow</a>
            <ul class="dropdown-menu">
              <li class="disabled">
                <a href="javascript:void(0)">About</a>
              </li>
              <li>
                <a href="https://code.google.com/p/virchow/">Project page</a>
              </li>
            </ul>
          </li>
        </ul>
      </div>
      <div class="collapse navbar-collapse">
        <ul class="nav navbar-nav">
          <li class="dropdown"><a href="#" class="dropdown-toggle"
              data-toggle="dropdown">File</a>
            <ul class="dropdown-menu">
              <li>
                <a href="javascript:VIRCHOW.open()">Open from Dropbox</a>
              </li>
              <li>
                <a href="javascript:VIRCHOW.save()">Save to Dropbox</a>
              </li>
            </ul>
          </li>
        </ul>
        <ul class="nav navbar-nav">
          <li class="dropdown"><a href="#" class="dropdown-toggle"
              data-toggle="dropdown">Tools</a>
            <ul class="dropdown-menu">
              <li>
                <a href="javascript:VIRCHOW.median_filter()">Median filter</a>
              </li>
              <li class="disabled">
                <a href="javascript:void(0)">Custom...</a>
              </li>
            </ul>
          </li>
        </ul>
        <ul class="nav navbar-nav">
          <li class="dropdown"><a href="#" class="dropdown-toggle"
              data-toggle="dropdown">Help</a>
            <ul class="dropdown-menu">
              <li>
                <a href="https://code.google.com/p/virchow/issues/list">Report an issue</a>
              </li>
            </ul>
          </li>
        </ul>
      </div>
    </nav>

    <div class="text-center" id="virchow-approot">
      <canvas id="virchow-canvas" width="300" height="300"></canvas>
    </div>

  <!-- Le scripts -->

    <script type="text/javascript" id="dropboxjs" data-app-key="yixa55t0vqvpgxj"
        src="https://www.dropbox.com/static/api/1/dropins.js"></script>

    <script src="//cdnjs.cloudflare.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script> 

    <script src="//cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.0.2/js/bootstrap.min.js"></script>

    <script src="https://www.qmachine.org/q.js"></script>

    <script src="main.js"></script>

  </body>
</html>
